<!DOCTYPE html>
<html lang="zh-CN">
	[#include "/theme/default/common/nav.html" /]
	[#include "/theme/default/common/head.html" /]
	[#include "/theme/default/common/footer.html" /]
	[#include "/theme/default/common/page.html" /]

	<head>
		[@head "活动分类" /]
	</head>
	<body>
		<div class="fakeloader"></div>

		[@nav  4 /]
		<!-- /.navbar -->

		<div class="container">

			<div class="row">

				<div class="col-xs-12 col-sm-9">
					<p class="pull-right visible-xs">
						<button type="button" class="btn btn-primary btn-xs"
						data-toggle="offcanvas">
							Toggle nav
						</button>
					</p>
					<div class="jumbotron">
						<h1>爱玩社区</h1>
						<p>
							爱玩社区是一个提供大家交流的地方，全部代码开源。我为人人，人人为我！塑造一种开源骑士精神！
						</p>
					</div>

					<div class="row">
						[#if activitys??]
						[#list activitys as item]
						<div class="col-xs-12 col-lg-12">
							<h2>${item.name!""}</h2>
							<p>
								${item.introduction!""}
							</p>
							<p>
								<a class="btn btn-default pull-right" href="${siteurl}article/view/${item.id}.htm" role="button">点击查看更多 &raquo;</a>
							</p>
						</div>
						[/#list]
						[/#if]
						<div class="col-xs-12  text-center">
							[@pager page curpage "${siteurl}activity/catalog.htm?id=${id}" /]
						</div>
					</div>
					<hr>

					<!--/row-->
				</div>
				<!--/.col-xs-12.col-sm-9-->

				<div class="col-xs-6 col-sm-3" id="sidebar">
					<div class="list-group">
						[#if catalogs??]
						[#list catalogs as item  ]
						[#if item.id =id]
						<a href="${siteurl}activity/catalog.htm?id=${item.id}" class="list-group-item active">${item.name!""} (${item.nums!"0"})</a>
						[#else]
						<a href="${siteurl}activity/catalog.htm?id=${item.id}" class="list-group-item ">${item.name!""} (${item.nums!"0"})</a>
						[/#if]

						[/#list]
						[/#if]
					</div>
				</div>
				<!--/.sidebar-offcanvas-->
			</div>
			<!--/row-->

			<hr>

			[@footer /]
		</div>
		<!--/.container-->

		<script>
			$(document).ready(function() {
				$(".fakeloader").fakeLoader({
					timeToHide : 1200,
					bgColor : "#2ecc71",
					spinner : "spinner1"
				});
			});
		</script>
	</body>
</html>
